import Vue from "vue";
import VueRouter from "vue-router";

const Props = () => import("@/pages/Props");
const Event = () => import("@/pages/Event");
const VModel = () => import("@/pages/VModel");
const Sync = () => import("@/pages/Sync");
const AttrsListeners = () => import("@/pages/AttrsListeners");
const ChildrenParent = () => import("@/pages/ChildrenParent");
const Ref = () => import("@/pages/Ref");
const Root = () => import("@/pages/Root");
const Other = () => import("@/pages/Other");
const ProviderInject = () => import("@/pages/ProviderInject");

Vue.use(VueRouter);

export default new VueRouter({
  mode: "history",
  routes: [
    {
      path: "/props",
      name: "props",
      component: Props,
    },
    {
      path: "/event",
      name: "event",
      component: Event,
    },
    {
      path: "/vModel",
      name: "vModel",
      component: VModel,
    },
    {
      path: "/sync",
      name: "sync",
      component: Sync,
    },
    {
      path: "/attrsListeners",
      name: "attrsListeners",
      component: AttrsListeners,
    },
    {
      path: "/childrenParent",
      name: "childrenParent",
      component: ChildrenParent,
    },
    {
      path: "/ref",
      name: "ref",
      component: Ref,
    },
    {
      path: "/root",
      name: "root",
      component: Root,
    },
    {
      path: "/other",
      name: "other",
      component: Other,
    },
    {
      path: "/providerInject",
      name: "providerInject",
      component: ProviderInject,
    },
  ],
});
